<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" > 
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title> MAGNETO Admin Skin</title>
			<#include "/commons/gfx.ftl">
			<script type="text/javascript" src="${jsDir}/custom.js"></script>
	</head>
  <body>
	<div id="wrapper">

      <ul id="topbar">
      	<#include "/commons/gfx/topbar.ftl">	
      </ul>
	
      <ul id="navbar">
        <li class="active">
		<a href="dashboard.html"><span class="icon_text dashboard"></span>dashboard</a>
			<ul>
				<li><a class="subbutton white" href="general.html"><span class="icon_text general"></span>general</a></li>
				<li><a class="subbutton white" href="tabs.html"><span class="icon_text tab"></span>tabs</a></li>
				<li><a class="subbutton white" href="typography.html"><span class="icon_text typography"></span>typography</a></li>
				<li><a class="subbutton white" href="grids.html"><span class="icon_text grids"></span>grids</a></li>
				<li  class="active"><a class="subbutton white" href="tables.html"><span class="icon_text tables"></span>tables</a></li>
				<li><a class="subbutton white" href="forms.html"><span class="icon_text forms"></span>forms</a></li>
				<li><a class="subbutton white" href="graphs.html"><span class="icon_text graphs"></span>graphs</a></li>
				<li><a class="subbutton white" href="gallery.html"><span class="icon_text gallery"></span>gallery</a></li>
			</ul>
		</li>
        <li><a href="#"><span class="icon_text content"></span>content</a></li>
        <li><a href="#"><span class="icon_text design"></span>design</a></li>
        <li><a href="#"><span class="icon_text pages"></span>pages</a></li>
        <li><a href="#"><span class="icon_text users"></span>users</a></li>
        <li><a href="#"><span class="icon_text media"></span>media</a></li>
        <li><a href="#"><span class="icon_text comment"></span>comment</a></li>
        <li><a href="#"><span class="icon_text stats"></span>stats</a></li>
        <li><a href="#"><span class="icon_text settings"></span>settings</a></li>
      </ul>
	  <div id="subnavbar">
		<form id="search_form" method="post" action="">
			<input type="text" name="search_input" value="Search..." id="search_input" class="fl" />
		</form>
	  </div>
	
	<div id="content">
	
	<div class="clear"></div>
	<div class="column full">
	
	<div class="box">
	<h2 class="box-header">	data table - ajax </h2>
	<div class="box-content">
	<table class="display" id="tabledata">
	<thead>
		<tr>
			<th>Rendering engine</th>
			<th>Browser</th>
			<th>Platform(s)</th>
			<th>Engine version</th>
			<th>CSS grade</th>
		</tr>
	</thead>
	<tbody>
		<tr class="gradeX">
			<td>Trident</td>
			<td>Internet
				 Explorer 4.0</td>
			<td>Win 95+</td>
			<td class="center">4</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeC">
			<td>Trident</td>
			<td>Internet
				 Explorer 5.0</td>
			<td>Win 95+</td>
			<td class="center">5</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>Trident</td>
			<td>Internet
				 Explorer 5.5</td>
			<td>Win 95+</td>
			<td class="center">5.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Trident</td>
			<td>Internet
				 Explorer 6</td>
			<td>Win 98+</td>
			<td class="center">6</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Trident</td>
			<td>Internet Explorer 7</td>
			<td>Win XP SP2+</td>
			<td class="center">7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Trident</td>
			<td>AOL browser (AOL desktop)</td>
			<td>Win XP</td>
			<td class="center">6</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 1.0</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 1.5</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 2.0</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Firefox 3.0</td>
			<td>Win 2k+ / OSX.3+</td>
			<td class="center">1.9</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Camino 1.0</td>
			<td>OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Camino 1.5</td>
			<td>OSX.3+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Netscape 7.2</td>
			<td>Win 95+ / Mac OS 8.6-9.2</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Netscape Browser 8</td>
			<td>Win 98SE+</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Netscape Navigator 9</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.0</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.1</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.2</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.2</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.3</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.3</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.4</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.4</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.5</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.6</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">1.6</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.7</td>
			<td>Win 98+ / OSX.1+</td>
			<td class="center">1.7</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Mozilla 1.8</td>
			<td>Win 98+ / OSX.1+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Seamonkey 1.1</td>
			<td>Win 98+ / OSX.2+</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Gecko</td>
			<td>Epiphany 2.20</td>
			<td>Gnome</td>
			<td class="center">1.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 1.2</td>
			<td>OSX.3</td>
			<td class="center">125.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 1.3</td>
			<td>OSX.3</td>
			<td class="center">312.8</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 2.0</td>
			<td>OSX.4+</td>
			<td class="center">419.3</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>Safari 3.0</td>
			<td>OSX.4+</td>
			<td class="center">522.1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>OmniWeb 5.5</td>
			<td>OSX.4+</td>
			<td class="center">420</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>iPod Touch / iPhone</td>
			<td>iPod</td>
			<td class="center">420.1</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Webkit</td>
			<td>S60</td>
			<td>S60</td>
			<td class="center">413</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 7.0</td>
			<td>Win 95+ / OSX.1+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 7.5</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 8.0</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 8.5</td>
			<td>Win 95+ / OSX.2+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 9.0</td>
			<td>Win 95+ / OSX.3+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 9.2</td>
			<td>Win 88+ / OSX.3+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera 9.5</td>
			<td>Win 88+ / OSX.3+</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Opera for Wii</td>
			<td>Wii</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Nokia N800</td>
			<td>N800</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>Presto</td>
			<td>Nintendo DS browser</td>
			<td>Nintendo DS</td>
			<td class="center">8.5</td>
			<td class="center">C/A<sup>1</sup></td>
		</tr>
		<tr class="gradeC">
			<td>KHTML</td>
			<td>Konqureror 3.1</td>
			<td>KDE 3.1</td>
			<td class="center">3.1</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>KHTML</td>
			<td>Konqureror 3.3</td>
			<td>KDE 3.3</td>
			<td class="center">3.3</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeA">
			<td>KHTML</td>
			<td>Konqureror 3.5</td>
			<td>KDE 3.5</td>
			<td class="center">3.5</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeX">
			<td>Tasman</td>
			<td>Internet Explorer 4.5</td>
			<td>Mac OS 8-9</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeC">
			<td>Tasman</td>
			<td>Internet Explorer 5.1</td>
			<td>Mac OS 7.6-9</td>
			<td class="center">1</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeC">
			<td>Tasman</td>
			<td>Internet Explorer 5.2</td>
			<td>Mac OS 8-X</td>
			<td class="center">1</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>Misc</td>
			<td>NetFront 3.1</td>
			<td>Embedded devices</td>
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeA">
			<td>Misc</td>
			<td>NetFront 3.4</td>
			<td>Embedded devices</td>
			<td class="center">-</td>
			<td class="center">A</td>
		</tr>
		<tr class="gradeX">
			<td>Misc</td>
			<td>Dillo 0.8</td>
			<td>Embedded devices</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeX">
			<td>Misc</td>
			<td>Links</td>
			<td>Text only</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeX">
			<td>Misc</td>
			<td>Lynx</td>
			<td>Text only</td>
			<td class="center">-</td>
			<td class="center">X</td>
		</tr>
		<tr class="gradeC">
			<td>Misc</td>
			<td>IE Mobile</td>
			<td>Windows Mobile 6</td>
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeC">
			<td>Misc</td>
			<td>PSP browser</td>
			<td>PSP</td>
			<td class="center">-</td>
			<td class="center">C</td>
		</tr>
		<tr class="gradeU">
			<td>Other browsers</td>
			<td>All others</td>
			<td>-</td>
			<td class="center">-</td>
			<td class="center">U</td>
		</tr>
	</tbody>
	</table>
	<div class="clear"></div>
	</div>
	</div>
	</div>
	
	<div class="column half fl">
		
		<div class="box themed_box">
		<h2 class="box-header-new"></h2>
		<h2 class="box-header">	Box Table - Openable </h2>
			
			<div class="box-content box-table">
			<table class="tablebox">
				<thead class="table-header">
					<tr>
						<th class="tc">thumbnail</th>
						<th>title and excerpt</th>
						<th>status</th>
						<th class="tc"></th>
					</tr>
				</thead>
				
				<tbody class="openable-tbody">
					<tr class="odd">
						<td class="thumb-td tc">
							<a class="lightbox" href="images/1.jpg" title="Image 1 - Lorem ipsum"><img src="images/1.jpg" alt="image-gallery"/><b>Image 1</b></a>
						</td>
						<td class="width80">
							<h4> Lorem ipsum </h4>
							<p class="p_justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
						</td>
						<td class="tc">
							<span class="bullet bullet-green"></span>
						</td>
						<td class="tc">
						<a class="button themed openable"><span class="icon_single extend"></span></a>
						</td>
					</tr>
					<tr class="odd openable-tr">
						<td colspan="4">
							<div class="fl typo">
							<b>Description: </b>
							<p class="p_justify">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut pharetra orci. Vestibulum gravida imperdiet dictum. Phasellus eleifend tincidunt metus, nec accumsan neque blandit consequat. Pellentesque non sem ipsum, at facilisis augue. Sed ultrices augue et turpis rutrum commodo. Ut non mauris in mauris suscipit placerat. Donec varius gravida nulla sed sagittis. Morbi lectus enim, tincidunt vitae adipiscing id, euismod at lectus. Sed suscipit tempor purus, eget dictum arcu rhoncus non. Pellentesque sit amet eros sapien.
							</p>
							</div>

							<div class="fl typo">
								<b>Published by: </b>
								<a href="#">Admin</a> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl typo">
								<b>Published date: </b>
								<a href="#">02/11/2010</a> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Category: </b>
								<span class="tag-table">Lorem ipsum</span> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Tags: </b>
								<span class="tag-table">consectetur</span> 
								<span class="tag-table">elit</span> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Comments: </b>
								<span class="tag-table">128</span> 
							</div>
						
							<div class="fr">
								<a class="button white" href="#"><span class="icon_single cancel"></span></a>
								<a class="button white" href="#"><span class="icon_single edit"></span></a>
								<a class="button white" href="#"><span class="icon_single save"></span></a>
							</div>
						
						<div class="clear"></div>
						</td>
					</tr>

					<tr class="even">
						<td class="thumb-td tc">
							<a class="lightbox" href="images/2.jpg" title="Image 2 - Lorem ipsum"><img src="images/2.jpg" alt="image-gallery"/><b>Image 2</b></a>
						</td>
						<td class="width80">
							<h4> Lorem ipsum </h4>
							<p class="p_justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
						</td>
						<td class="tc">
							<span class="bullet bullet-red"></span>
						</td>
						<td class="tc">
						<a class="button themed openable"><span class="icon_single extend"></span></a>
						</td>
					</tr>
					<tr class="even openable-tr">
						<td colspan="4">
							<div class="fl typo">
							<b>Description: </b>
							<p class="p_justify">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut pharetra orci. Vestibulum gravida imperdiet dictum. Phasellus eleifend tincidunt metus, nec accumsan neque blandit consequat. Pellentesque non sem ipsum, at facilisis augue. Sed ultrices augue et turpis rutrum commodo. Ut non mauris in mauris suscipit placerat. Donec varius gravida nulla sed sagittis. Morbi lectus enim, tincidunt vitae adipiscing id, euismod at lectus. Sed suscipit tempor purus, eget dictum arcu rhoncus non. Pellentesque sit amet eros sapien.
							</p>
							</div>

							<div class="fl typo">
								<b>Published by: </b>
								<a href="#">Admin</a> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl typo">
								<b>Published date: </b>
								<a href="#">02/11/2010</a> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Category: </b>
								<span class="tag-table">Lorem ipsum</span> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Tags: </b>
								<span class="tag-table">consectetur</span> 
								<span class="tag-table">elit</span> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Comments: </b>
								<span class="tag-table">128</span> 
							</div>
						
							<div class="fr">
								<a class="button white" href="#"><span class="icon_single cancel"></span></a>
								<a class="button white" href="#"><span class="icon_single edit"></span></a>
								<a class="button white" href="#"><span class="icon_single save"></span></a>
							</div>
						
						<div class="clear"></div>
						</td>
					</tr>
					
					<tr class="odd">
						<td class="thumb-td tc">
							<a class="lightbox" href="images/3.jpg" title="Image 3 - Lorem ipsum"><img src="images/3.jpg" alt="image-gallery"/><b>Image 3</b></a>
						</td>
						<td class="width80">
							<h4> Lorem ipsum </h4>
							<p class="p_justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
						</td>
						<td class="tc">
							<span class="bullet bullet-green"></span>
						</td>
						<td class="tc">
						<a class="button themed openable"><span class="icon_single extend"></span></a>
						</td>
					</tr>
					<tr class="odd openable-tr">
						<td colspan="4">
							<div class="fl typo">
							<b>Description: </b>
							<p class="p_justify">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut pharetra orci. Vestibulum gravida imperdiet dictum. Phasellus eleifend tincidunt metus, nec accumsan neque blandit consequat. Pellentesque non sem ipsum, at facilisis augue. Sed ultrices augue et turpis rutrum commodo. Ut non mauris in mauris suscipit placerat. Donec varius gravida nulla sed sagittis. Morbi lectus enim, tincidunt vitae adipiscing id, euismod at lectus. Sed suscipit tempor purus, eget dictum arcu rhoncus non. Pellentesque sit amet eros sapien.
							</p>
							</div>

							<div class="fl typo">
								<b>Published by: </b>
								<a href="#">Admin</a> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl typo">
								<b>Published date: </b>
								<a href="#">02/11/2010</a> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Category: </b>
								<span class="tag-table">Lorem ipsum</span> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Tags: </b>
								<span class="tag-table">consectetur</span> 
								<span class="tag-table">elit</span> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Comments: </b>
								<span class="tag-table">128</span> 
							</div>
						
							<div class="fr">
								<a class="button white" href="#"><span class="icon_single cancel"></span></a>
								<a class="button white" href="#"><span class="icon_single edit"></span></a>
								<a class="button white" href="#"><span class="icon_single save"></span></a>
							</div>
						
						<div class="clear"></div>
						</td>
					</tr>
					
					<tr class="even">
						<td class="thumb-td tc">
							<a class="lightbox" href="images/4.jpg" title="Image 4 - Lorem ipsum"><img src="images/4.jpg" alt="image-gallery"/><b>Image 4</b></a>
						</td>
						<td class="width80">
							<h4> Lorem ipsum </h4>
							<p class="p_justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
						</td>
						<td class="tc">
							<span class="bullet bullet-yellow"></span>
						</td>
						<td class="tc">
						<a class="button themed openable"><span class="icon_single extend"></span></a>
						</td>
					</tr>
					<tr class="even openable-tr">
						<td colspan="4">
							<div class="fl typo">
							<b>Description: </b>
							<p class="p_justify">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut pharetra orci. Vestibulum gravida imperdiet dictum. Phasellus eleifend tincidunt metus, nec accumsan neque blandit consequat. Pellentesque non sem ipsum, at facilisis augue. Sed ultrices augue et turpis rutrum commodo. Ut non mauris in mauris suscipit placerat. Donec varius gravida nulla sed sagittis. Morbi lectus enim, tincidunt vitae adipiscing id, euismod at lectus. Sed suscipit tempor purus, eget dictum arcu rhoncus non. Pellentesque sit amet eros sapien.
							</p>
							</div>

							<div class="fl typo">
								<b>Published by: </b>
								<a href="#">Admin</a> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl typo">
								<b>Published date: </b>
								<a href="#">02/11/2010</a> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Category: </b>
								<span class="tag-table">Lorem ipsum</span> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Tags: </b>
								<span class="tag-table">consectetur</span> 
								<span class="tag-table">elit</span> 
							</div>
							
							<div class="s_3"></div>
							
							<div class="fl">
								<b>Comments: </b>
								<span class="tag-table">128</span> 
							</div>
						
							<div class="fr">
								<a class="button white" href="#"><span class="icon_single cancel"></span></a>
								<a class="button white" href="#"><span class="icon_single edit"></span></a>
								<a class="button white" href="#"><span class="icon_single save"></span></a>
							</div>
						
						<div class="clear"></div>
						</td>
					</tr>
					
				</tbody>
			</table>
				<ul class="pagination">
				<li><a class="button white" href="#">previous</a></li>
				<li><a class="button white" href="#">1</a></li>
				<li><a class="button white" href="#">2</a></li>
				<li><a class="button white active" href="#">3</a></li>
				<li><a class="button white" href="#">4</a></li>
				<li><a class="button white" href="#">5</a></li>
				<li><a class="button white" href="#">6</a></li>
				<li><a class="button white" href="#">next</a></li>
				</ul>
			</div>
		</div>
		
		<div class="box">
		<h2 class="box-header">	box table</h2>
		<div class="box-content box-table">
		<table class="tablebox">
		<thead class="table-header">
		<tr>
			<th class="first tc"><input type="checkbox" id="checkboxall"/> </th>
			<th>type</th>
			<th>file</th>
			<th>description</th>
			<th>size</th>
			<th class="tc">actions</th>
		</tr>
		</thead>
		<tbody>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table avi"></span></td>
				<td>test.avi</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table bmp"></span></td>
				<td>test.bmp</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table css"></span></td>
				<td>test.css</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table doc"></span></td>
				<td>test.doc</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table gif"></span></td>
				<td>test.gif</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table htm"></span></td>
				<td>test.htm</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table jpg"></span></td>
				<td>test.jpg</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table js"></span></td>
				<td>test.js</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table pdf"></span></td>
				<td>test.pdf</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table php"></span></td>
				<td>test.php</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table png"></span></td>
				<td>test.png</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table ppt"></span></td>
				<td>test.ppt</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table rar"></span></td>
				<td>test.rar</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table txt"></span></td>
				<td>test.txt</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table video"></span></td>
				<td>test.video</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table xls"></span></td>
				<td>test.xls</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table xml"></span></td>
				<td>test.xml</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkall"/> </td>
				<td class="tc"><span class="icon_table zip"></span></td>
				<td>test.zip</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
		</tbody>
		</table>
		<ul class="pagination">
		<li><a class="button white" href="#">previous</a></li>
		<li><a class="button white" href="#">1</a></li>
		<li><a class="button white" href="#">2</a></li>
		<li><a class="button white active" href="#">3</a></li>
		<li><a class="button white" href="#">4</a></li>
		<li><a class="button white" href="#">5</a></li>
		<li><a class="button white" href="#">6</a></li>
		<li><a class="button white" href="#">next</a></li>
		</ul>
		</div>
		</div>
	
	</div>
	
	<div class="column half fr">
	
		<div class="box black_box">
			<h2 class="box-header-new"></h2>
			<h2 class="box-header">	box table - gallery</h2>
			<div class="box-content box-table">
			<table class="tablebox">
			<tbody>
			<tr class="odd">
				<td class="gallery-td"><a class="lightbox" rel="lighbox-gallery"  href="images/1.jpg" title="Image 1 - Lorem ipsum"><img src="images/1.jpg" alt="image-gallery"/><b>Image 1</b></a></td>
				<td class="gallery-td"><a class="lightbox" rel="lighbox-gallery"  href="images/2.jpg" title="Image 2 - Lorem ipsum"><img src="images/2.jpg" alt="image-gallery"/><b>Image 2</b></a></td>
				<td class="gallery-td"><a class="lightbox" rel="lighbox-gallery"  href="images/3.jpg" title="Image 3 - Lorem ipsum"><img src="images/3.jpg" alt="image-gallery"/><b>Image 3</b></a></td>
				<td class="gallery-td"><a class="lightbox" rel="lighbox-gallery"  href="images/4.jpg" title="Image 4 - Lorem ipsum"><img src="images/4.jpg" alt="image-gallery"/><b>Image 4</b></a></td>
				<td class="gallery-td"><a class="lightbox" rel="lighbox-gallery"  href="images/5.jpg" title="Image 5 - Lorem ipsum"><img src="images/5.jpg" alt="image-gallery"/><b>Image 5</b></a></td>
			</tr>
			<tr class="even">
				<td class="gallery-td"><a class="lightbox" rel="lighbox-gallery"  href="images/6.jpg" title="Image 6 - Lorem ipsum"><img src="images/6.jpg" alt="image-gallery"/><b>Image 6</b></a></td>
				<td class="gallery-td"><a class="lightbox" rel="lighbox-gallery"  href="images/7.jpg" title="Image 7 - Lorem ipsum"><img src="images/7.jpg" alt="image-gallery"/><b>Image 7</b></a></td>
				<td class="gallery-td"><a class="lightbox" rel="lighbox-gallery"  href="images/8.jpg" title="Image 8 - Lorem ipsum"><img src="images/8.jpg" alt="image-gallery"/><b>Image 8</b></a></td>
				<td class="gallery-td"><a class="lightbox" rel="lighbox-gallery"  href="images/9.jpg" title="Image 9 - Lorem ipsum"><img src="images/9.jpg" alt="image-gallery"/><b>Image 9</b></a></td>
				<td class="gallery-td"><a class="lightbox" rel="lighbox-gallery"  href="images/10.jpg" title="Image 10 - Lorem ipsum"><img src="images/10.jpg" alt="image-gallery"/><b>Image 10</b></a></td>
			</tr>
			</tbody>
			</table>
			<ul class="pagination">
				<li><a class="button white" href="#">previous</a></li>
				<li><a class="button white" href="#">1</a></li>
				<li><a class="button white" href="#">2</a></li>
				<li><a class="button white active" href="#">3</a></li>
				<li><a class="button white" href="#">4</a></li>
				<li><a class="button white" href="#">5</a></li>
				<li><a class="button white" href="#">6</a></li>
				<li><a class="button white" href="#">next</a></li>
			</ul>
			</div>
		</div>
	
		<div class="box tabs black_box">
		<h2 class="box-header">box table - tabs</h2>
		<ul class="tabs-nav">
		<li class="tab first"><a href="#tabs-1">Part 1</a></li>
		<li class="tab"><a href="#tabs-2">Part 2</a></li>
		</ul>
		<div class="box-content box-table">
		<div id="tabs-1">
		<table class="tablebox">
		<thead class="table-header">
		<tr>
			<th class="first tc"><input type="checkbox" id="checkboxalltabs"/> </th>
			<th>type</th>
			<th>file</th>
			<th>description</th>
			<th>size</th>
			<th class="tc">actions</th>
		</tr>
		</thead>
		<tbody>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table avi"></span></td>
				<td>test.avi</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table bmp"></span></td>
				<td>test.bmp</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table css"></span></td>
				<td>test.css</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table doc"></span></td>
				<td>test.doc</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table gif"></span></td>
				<td>test.gif</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table htm"></span></td>
				<td>test.htm</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table jpg"></span></td>
				<td>test.jpg</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs"/> </td>
				<td class="tc"><span class="icon_table js"></span></td>
				<td>test.js</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
		</tbody>
		</table>
		</div>
		
		<div id="tabs-2">
		<table cellpadding="0" cellspacing="0" border="0" class="tablebox">
		<thead class="table-header">
		<tr>
			<th class="first tc"><input type="checkbox" id="checkboxalltabs2"/> </th>
			<th>type</th>
			<th>file</th>
			<th>description</th>
			<th>size</th>
			<th class="tc">actions</th>
		</tr>
		</thead>
		<tbody>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table pdf"></span></td>
				<td>test.pdf</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table php"></span></td>
				<td>test.php</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table png"></span></td>
				<td>test.png</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table ppt"></span></td>
				<td>test.ppt</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table rar"></span></td>
				<td>test.rar</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table txt"></span></td>
				<td>test.txt</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table video"></span></td>
				<td>test.video</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table xls"></span></td>
				<td>test.xls</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
			<tr class="odd">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table xml"></span></td>
				<td>test.xml</td>
				<td>Lorem ipsum dolor...</td>
				<td>875 KB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>	
			<tr class="even">
				<td class=" first tc"><input type="checkbox" name="checkalltabs2"/> </td>
				<td class="tc"><span class="icon_table zip"></span></td>
				<td>test.zip</td>
				<td>Lorem ipsum dolor...</td>
				<td>1.52 MB</td>
				<td>
				<a class="button white" href="#"><span class="icon_single cancel"></span></a>
				<a class="button white" href="#"><span class="icon_single edit"></span></a>
				</td>
			</tr>
		</tbody>
		</table>
		</div>
		</div>
	</div>
	<div class="clear"></div>
	</div>			

	
<div class="clear"></div>
</div>
</div>

	<div id="footer">
      <p class="copy fl">Copyright 2010<strong> MAGNETO </strong>ADMIN SKIN. All rights reserved.</p>
      <ul class="button language_button white fr">
        <li class="icon_single language fl"></li>
        <li class="flag en fl"></li>
		<li class="flag es fl"></li>
        <li class="flag de fl"></li>
        <li class="flag it fl"></li>
        <li class="clear"></li>
      </ul>
	  
	  <ul class="skinner fr">
		<li class="fl"><a href="#" rel="style_blue" class="styleswitch skin skin_blue fl"></a></li>
		<li class="fl"><a href="#" rel="style_green" class="styleswitch skin skin_green fl"></a></li>
		<li class="fl"><a href="#" rel="style_red" class="styleswitch skin skin_red fl"></a></li>
		<li class="fl"><a href="#" rel="style_purple" class="styleswitch skin skin_purple fl"></a></li>
		<li class="clear"></li>
	 </ul>
    </div>
</body>
</html>